<template>
    <div class="bg"><img id="bg"></div>
    <div class="title" style="left:50px;">基础能力</div>
    <div class="view_bg" style="left:40px;"></div>
    <recycle class="base_view" style="left:60px;" view-margin="0,5,0,0" first-focus id="list_0">
        <button class="button" size="230,40" id="button"></button>
    </recycle>

    <div class="title" style="left:360px;">基础控件</div>
    <div class="view_bg" style="left:350px;"></div>
    <recycle class="base_view" style="left:370px;" view-margin="0,5,0,0" id="list_1">
        <button class="button"  text="ItemView" size="230,40" id="button"></button>
    </recycle>

    <div class="title" style="left:670px;">扩展控件</div>
    <div class="view_bg" style="left:660px;"></div>
    <recycle class="base_view" style="left:680px;" view-margin="0,5,0,0" id="list_2">
        <button class="button" style="top: 0px;" text="Button" size="230,40" id="button"></button>
    </recycle>

    <div class="title" style="left:980px;">项目案例</div>
    <div class="view_bg" style="left:970px;"></div>
    <recycle class="base_view" style="left:990px;" view-margin="0,5,0,0" id="list_3">
        <button class="button" style="top: 0px;" text="Launcher" size="230,40" id="button"></button>
    </recycle>
</template>
